<!DOCTYPE html>
<html lang="en">
	<head>
	    <title>业务审核</title>
	    <meta charset="UTF-8" />
	    <meta name="Author" content="" />
	    <meta name="Keywords" content="" />
	    <meta name="Description" content="" />
	    
	    <!-- 基础CSS库 -->
	    <link rel="stylesheet" href="../../../../js/bootstrap/themes/default/bootstrap.css" />
	    <link rel="stylesheet" href="../../../../css/font-awesome/css/font-awesome.min.css" />
	    <link rel="stylesheet" href="../../../../js/jquery-easyui-1.5/themes/bootstrap/validatebox.css" />
	    <link rel="stylesheet" href="../../../../js/jquery-easyui-1.5/themes/bootstrap/tooltip.css" />
	    <link rel="stylesheet" href="../../../../css/jquery.select2.css" />
	    <link rel="stylesheet" href="../../../../css/jquery.select2-bootstrap.css" />
	    <link rel="stylesheet" href="../../../../js/viewer/viewer.css" />
	    
	    <!-- 业务CSS库 -->
		<link rel="stylesheet" href="../../../../css/common/base.css"/>
		<link rel="stylesheet" href="../../../../css/common/scrollbar.css" />
	    
	    <!-- 基础JS库 -->
	    <script src="../../../../js/common/package.js"></script>
		<script src="../../../../js/common/url.js"></script>
		<script src="../../../../js/common/json2.js"></script>	
		<script src="../../../../js/common/jquery-1.11.3.min.js"></script>
		<script src="../../../../js/common/jquery.form.js"></script>		
		<script src="../../../../js/bootstrap/bootstrap.js"></script>
		<script src="../../../../js/bootstrap/plugins/bootstrap-paginator.js"></script>
		<script src="../../../../js/jquery-easyui-1.5/jquery.easyui.min.js"></script>
		<script src="../../../../js/common/jquery.select2.js"></script>		
		<script src="../../../../js/viewer/viewer.js"></script>
		
		<!-- 业务JS库 -->
		<script src="../../../../js/common/base.js"></script>
		<script src="../../../../js/common/datagrid2.js"></script>
		<script src="../../../../js/common/formatter.js"></script>	    
	    <script src="../../../../js/each/cfm/cfmSys/orderApproval/businessApproval.js"></script>
	    <script src="../../../../js/common/wflow.js"></script>
		
		<!-- 页面样式 -->
		<style type="text/css">
			.container-fluid {
				padding-top: 4px;
			}
			.text-right {
				text-align: right;
			}
			.text-muted {
				font-weight: bold;
			}
			.text-stress {
				font-weight: bold;
			}
			.list-group-blank {
				background-color: #f5f5f5;
			}
			th {
				text-align: center;
			}
			td {
				text-align: center;
			}
			.modal-form {
				margin: 15px 0;
			}
			.float-left {
				float: left;
				margin-right: 8px;
			}
			.special-panel {
				border-top-left-radius: 0 !important;
			}
			.nav-tabs {
				border-bottom: 1px solid #fff;				
			}
			h5 {
				float: left;
				width: 80%;
				overflow: hidden;
				text-overflow: ellipsis;
				-o-text-overflow: ellipsis;
				-webkit-text-overflow: ellipsis;
				-moz-text-overflow: ellipsis;
				white-space: nowrap;
			}
			h6 {
				float: right;
				width: 10%;
			}
			a :hover {
				cursor: pointer;
			}
		</style>
		
	    
	</head>
	<body>
		
		<div class="container-fluid">		
		
			<ul id="tab" class="nav nav-tabs" role="tablist">
			  	<li role="presentation" class="active"><a href="#order-tab" role="tab" data-toggle="tab">订单信息</a></li>
			  	<li role="presentation"><a href="#program-tab" role="tab" data-toggle="tab">项目信息</a></li>
			</ul>
			
			<div class="tab-content">
			  	<div role="tabpanel" class="tab-pane active" id="order-tab">
					<div class="panel panel-default">
						<div class="panel-heading">
							<button id="btn-update" type="button" class="btn btn-primary btn-sm">
								<span class="glyphicon glyphicon-pencil"></span> 修改
							</button>
					    	<button id="btn-approve" type="button" class="btn btn-primary btn-sm">
					    	 	<span class="glyphicon glyphicon-user"></span> 审核
					    	 </button>
							<button id="btn-unassign" type="button" class="btn btn-primary btn-sm">
								<span class="glyphicon glyphicon-share-alt"></span> 取消签收
							</button>
					  	</div>
					  	<ul class="list-group">
					    	<li class="list-group-item" style="border-bottom: 1px solid #fff;">
								<div class="row">				
									<div class="col-md-1 text-right"><span class="text-stress">机构名称</span></div>
									<div class="col-md-2"><span id="merchName" class="text-muted"></span></div>
									<div class="col-md-1 text-right"><span class="text-stress">姓名</span></div>
									<div class="col-md-2"><span id="realName" class="text-muted"></span></div>
									<div class="col-md-1 text-right"><span class="text-stress">手机号</span></div>
									<div class="col-md-2"><span id="regId" class="text-muted"></span></div>
									<div class="col-md-1 text-right"><span class="text-stress">订单号</span></div>
									<div class="col-md-2"><span id="orderId" class="text-muted"></span></div>
								</div>
							</li>
							<li class="list-group-item" style="border-top: none;">
								<div class="row">				
									<div class="col-md-1 text-right"><span class="text-stress">业务类型</span></div>
									<div class="col-md-2"><span id="groupName" class="text-muted"></span></div>
									<div class="col-md-1 text-right assessPrice-div"><span class="text-stress">车辆估价</span></div>
									<div class="col-md-2 assessPrice-div"><span id="assessPrice" class="text-muted"></span></div>													
								</div>
							</li>
							<li class="list-group-item list-group-blank"></li>							
					    	<li class="list-group-item">
								<div class="row">				
									<div class="col-md-1 text-right"><span class="text-stress">车辆总价</span></div>
									<div class="col-md-2"><span id="orderAmt" class="text-muted"></span></div>
									<div class="col-md-1 text-right"><span class="text-stress">方案</span><input id="planId" type="text" class="hidden" /></div>
									<div class="col-md-5"><span id="planFullName" class="text-muted"></span></div>
									<div class="col-md-1 text-right"><span class="text-stress">支付方式</span></div>
									<div class="col-md-2"><span id="chargeWay" class="text-muted"></span></div>
								</div>
							</li>
						</ul>					    	
						<table class="table table-bordered">
					    	<tr>						    		
					    		<td><span class="text-muted">首付款合计</span></td>
						    	<td><span class="text-muted">首付</span></td>						    	
						    	<td><span class="text-muted">保证金</span></td>
						    	<td><span class="text-muted">服务费</span></td>
						    	<td><span class="text-muted">上收息</span></td>							    	
						    	<td><span class="text-muted">期数(月)</span></td>
						    	<td><span class="text-muted">月供</span></td>
				    		</tr>
				    		<tr>						    		
						    	<td><span id="preAmount" class="text-muted"></span></td>
						    	<td><span id="downPayment" class="text-muted"></span></td>						    	
						    	<td><span id="margin" class="text-muted"></span></td>
						    	<td><span id="serviceFee" class="text-muted"></span></td>
						    	<td><span id="feeAmount" class="text-muted"></span></td>							    	
						    	<td><span id="orderItems" class="text-muted"></span></td>
						    	<td><span id="monthInterest" class="text-muted"></span></td>
					    	</tr>
						</table>										
						<ul class="list-group">
					    	<li class="list-group-item">
								<div class="row">		
									<div class="col-md-1 text-right"><span class="text-stress">支付结果</span></div>
									<div class="col-md-2"><span id="preAmountStatus" class="text-muted"></span></div>
									<div class="col-md-1 text-right"><span class="text-stress">订单状态</span></div>
									<div class="col-md-2"><span id="riskStatus" class="text-muted"></span></div>			
								</div>
							</li>
							<li class="list-group-item list-group-blank"></li>							
					  	</ul>
					  	<table id="datagrid" class="table table-hover">
							<thead>
								<tr class="warning">
									<th field="ck" hidden="true"></th>
									<th field="rn" align="text-center" class="text-center">序号</th>
									<th field="id" idField="true" hidden="true">ID</th>
									<th field="procCtaskname" align="text-center" class="text-center">任务名称</th>
									<th field="procTaskAssignee" align="text-center" class="text-center">处理人</th>
									<th field="procLicensor" align="text-center" class="text-center">委托人</th>
									<th field="procTaskCommittime" align="text-center" class="text-center">任务到达时间</th>
									<th field="procTaskEndtime" align="text-center" class="text-center">任务受理时间</th>
									<th field="procTaskEndtime" align="text-center" class="text-center">任务完成时间</th>
									<th field="procTaskApprStatus" align="text-center" class="text-center">审批结论</th>
									<th field="procTaskApprOpinion" align="text-center" class="text-center" formatter="Formatter.opinion(val)">审批意见</th>
								</tr>
							</thead>
							<tbody></tbody>
						</table>
					</div>
				</div>
			  	<div role="tabpanel" class="tab-pane" id="program-tab">
					<div class="panel panel-default">
						<div class="panel-heading">
					    	<button id="btn-updateProjectName" type="button" class="btn btn-primary btn-sm hidden">
								<span class="glyphicon glyphicon-pencil"></span> 修改
							</button>	
					    	<div class="btn-group">
							  	<button id="btn-upload" type="button" class="btn btn-warning btn-sm dropdown-toggle" data-toggle="dropdown">
							  		<span class="fa fa-folder-open-o"></span> 上传项目图片 <span class="caret"></span>							    	
							  	</button>
							  	<ul class="dropdown-menu" role="menu">							  		
							    	<li><a id="btn-uploadTypeOne" href="#">借款及担保合同资料 <span class="label label-primary">水印版</span></a></li>						    	
							    	<li><a id="btn-uploadTypeTwo" href="#">借款及担保合同资料 <span class="label label-primary">完整版</span></a></li>
							    	<li><a id="btn-uploadTypeThree" href="#">车辆评估照片及车辆检验表</a></li>
							    	<li><a id="btn-uploadTypeFour" href="#">项目Logo图片</a></li>
							    	<li><a id="btn-uploadTypeSix" href="#">客户信息照片</a></li>
							    	<li><a id="btn-uploadTypeSeven" href="#">合同签署照片</a></li>
							    	<li><a id="btn-uploadTypeEight" href="#">购车单据及车辆权证照片</a></li>
							    	<li><a id="btn-uploadTypeNine" href="#">GPS安装照片</a></li>
							  	</ul>
							</div>						
					  	</div>
					  	<ul class="list-group">
					    	<li class="list-group-item" style="border-bottom: 1px solid #fff;">
								<div class="row">				
									<div class="col-md-1 text-right"><span class="text-stress">项目名称</span></div>
									<div class="col-md-5"><span id="projectName" class="text-muted"></span></div>
								</div>
							</li>
							<li class="list-group-item" style="border-top: none;">
								<div class="row">				
									<div class="col-md-1 text-right"><span class="text-stress">担保人</span></div>
									<div class="col-md-2"><span id="guarantee" class="text-muted"></span></div>
									<div class="col-md-1 text-right"><span class="text-stress">担保人法人姓名</span></div>
									<div class="col-md-2"><span id="guaranteeName" class="text-muted"></span></div>
								</div>
							</li>
							<li class="list-group-item list-group-blank"></li>												    	
						</ul>	
						<table id="viewerOne" class="table table-bordered">
						    <tbody>
						    	<tr>						    		
							    	<td style="width: 15%; vertical-align: middle;"><span class="text-stress">借款及担保合同资料(水印版)</span></td>						    	
							    	<td id="td-1" style="width: 85%; vertical-align: middle;"></td>
					    		</tr>
					    		<tr>						    		
							    	<td style="width: 15%; vertical-align: middle;"><span class="text-stress">借款及担保合同资料(完整版)</span></td>						    	
							    	<td id="td-2" style="width: 85%; vertical-align: middle;"></td>
					    		</tr>
					    		<tr>						    		
							    	<td style="width: 15%; vertical-align: middle;"><span class="text-stress">车辆评估照片及车辆检验表</span></td>						    	
									<td id="td-3" style="width: 85%; vertical-align: middle;"></td>
					    		</tr>
					    		<tr>						    		
							    	<td style="width: 15%; vertical-align: middle;"><span class="text-stress">项目Logo图片</span></td>						    	
							    	<td id="td-4" style="width: 85%; vertical-align: middle;"></td>
					    		</tr>
					    		<tr>						    		
							    	<td style="width: 15%; vertical-align: middle;"><span class="text-stress">客户信息照片</span></td>						    	
							    	<td id="td-6" style="width: 85%; vertical-align: middle;"></td>
					    		</tr>
					    		<tr>						    		
							    	<td style="width: 15%; vertical-align: middle;"><span class="text-stress">合同签署照片</span></td>						    	
							    	<td id="td-7" style="width: 85%; vertical-align: middle;"></td>
					    		</tr>
					    		<tr>						    		
							    	<td style="width: 15%; vertical-align: middle;"><span class="text-stress">购车单据及车辆权证照片</span></td>						    	
							    	<td id="td-8" style="width: 85%; vertical-align: middle;"></td>
					    		</tr>
					    		<tr>						    		
							    	<td style="width: 15%; vertical-align: middle;"><span class="text-stress">GPS安装照片</span></td>						    	
							    	<td id="td-9" style="width: 85%; vertical-align: middle;"></td>
					    		</tr>
						    </tbody>
						</table>
					</div>			
				</div>
			</div>	
		</div>

		<form id="uploadForm">
			<input id="file" class="hidden" type="file" name="qqfile" multiple />
		</form>
		
		<div id="approve-win" class="modal fade" role="dialog" aria-labelledby="approve-win-label" aria-describedby="">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title" id="approve-win-label">审批</h5>
					</div>
					<div class="modal-form">
						<form id="approveForm" class="form-horizontal">
							<div class="form-group">
								<label class="col-sm-3 control-label">审批结果</label>
								<div class="col-sm-4">
									<select class="form-control" disabled>
										<option value="1" selected>通过</option>
										<option value="2">退回</option>
										<option value="0">拒绝</option>
									</select>
									<input type="text" class="hidden" value="1" name="approveStatus">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">审批意见</label>
								<div class="col-sm-8">
									<textarea name="approveOpinion" class="form-control" rows="3" placeholder="请输入审批意见"></textarea>
								</div>
							</div>
						</form>
					</div>
					<div class="modal-footer">
						<button id="btn-approve-save" type="button"	class="btn btn-success btn-sm">提交</button>
						<button id="btn-approve-close" type="button" class="btn btn-default btn-sm">关闭</button>
					</div>
				</div>
			</div>
		</div>
		
		
		<div id="update-win" class="modal fade" role="dialog" aria-labelledby="update-win" aria-describedby="">
			<div class="modal-dialog" role="document">
		    	<div class="modal-content">
		      		<div class="modal-header">
		        		<h5 class="modal-title" id="update-win-label">修改订单信息</h5>
		      		</div>
	      			<div class="modal-form">
	      				<form id="updateForm" class="form-horizontal">
							<input id="update-orderId" name="orderId" type="text" class="hidden" />	
							<div class="form-group">
				    			<label class="col-sm-3 control-label">车辆总价</label>
				    			<div class="col-sm-8">
									<input id="update-orderAmt" name="orderAmt" type="text" class="form-control input-sm easyui-validatebox" placeholder="请输入车辆总价" data-options="required:true, validType:['money']" />
				    			</div>
				  			</div>
				  			<div class="form-group">
				    			<label class="col-sm-3 control-label">方案</label>
				    			<div class="col-sm-8">
				    				<select id="update-planId" name="planId"></select>
				    			</div>
				  			</div>	
							<div class="form-group">
				    			<label class="col-sm-3 control-label">支付方式</label>
				    			<div class="col-sm-8">
				    				<select id="update-chargeWay" name="chargeWay">
									  <option value="0" selected>线上收取</option>
									  <option value="1">线下收取</option>
									</select>
				    			</div>
				  			</div>						  				 			
						</form>
	      			</div>		      		
		      		<div class="modal-footer">
				        <button id="btn-save" type="button" class="btn btn-success btn-sm">保存</button>
				        <button id="btn-close" type="button" class="btn btn-default btn-sm">关闭</button>		        
		      		</div>
		    	</div>
		  	</div>
		</div>

		<div id="updateProjectName-win" class="modal fade" role="dialog" aria-labelledby="updateProjectName-win-label" aria-describedby="">
			<div class="modal-dialog" role="document">
		    	<div class="modal-content">
		      		<div class="modal-header">
		        		<h5 class="modal-title" id="updateProjectName-win-label">修改项目信息</h5>
		      		</div>
	      			<div class="modal-form">
	      				<form id="updateProjectNameForm" class="form-horizontal">
							<div class="form-group">
				    			<label class="col-sm-3 control-label">项目名称</label>
				    			<div class="col-sm-8">
									<input id="updateProjectName-projectName" type="text" class="form-control input-sm easyui-validatebox" placeholder="请输入项目名称" data-options="required:true, validType:['maxLength[20]']" />
				    			</div>
				  			</div>
				  			<div class="form-group">
				    			<label class="col-sm-3 control-label">担保人</label>
				    			<div class="col-sm-8">
				    				<select id="updateProjectName-guarantee"></select>
				    			</div>
				  			</div>					  				 			
						</form>
	      			</div>		      		
		      		<div class="modal-footer">
				        <button id="btn-updateProjectName-save" type="button" class="btn btn-success btn-sm">保存</button>
				        <button id="btn-updateProjectName-close" type="button" class="btn btn-default btn-sm">关闭</button>		        
		      		</div>
		    	</div>
		  	</div>
		</div>
	</body>
</html>